#app {
	background: #f5f6f8;
}

.page {
	padding: 48rpx 36rpx;
	background: #f5f6f8;
}

.flex {
	display: flex;
}

.column {
	flex-direction: column;
}

.item {
	flex: 1;
}

.center {
	align-items: center;
	justify-content: center;
}

.h2 {
	font-size: 36rpx;
	margin-bottom: 24rpx;
}

.tag {
	font-size: 24rpx;
	border: 1px solid #ddd;
	padding: 0 24rpx;
	border-radius: 10rpx;
}

.box {
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	background: #fff;
	border-radius: 8rpx;
	padding: 24rpx;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 5px 15px rgba(0, 0, 0, 0.1);
}

.grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.four {
	grid-template-columns: repeat(4, 1fr);
}

.icon-text {
	font-size: 28rpx;
	color: #333;
}

.page view {
	line-height: 1.5;
}

uni-text[selectable] {
	background: #bae0ff;
	border-radius: 4rpx;
	padding: 0 12rpx;
}

.p {
	margin-bottom: 18rpx
}


.title {
	font-size: 32rpx;
	font-weight: bold;
	text-align: center;
	margin-bottom: 48rpx;
}

.bold {
	font-weight: 600;
}

.red {
	color: #f5222d;
}


.blue {
	color: #007BFF;
}

.mr-12 {
	margin-right: 12rpx
}

.uni-link {
	color: #1677ff;
	display: inline-block;
	margin-right: 18rpx;
}

.img {
	vertical-align: middle;
	width: 100%;
}

.red-bg {
	color: #fff;
	background: #ff7875;
	margin: 24rpx 0;
	padding: 12rpx 24rpx;
	font-size: 28rpx;
	border-radius: 10rpx;
}

.input {
	height: 64rpx;
	display: inline-block;
	padding: 12rpx 32rpx;
	box-shadow: 0 2px 4px #00000014;
}

.two-line {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


/* @media (min-width:992px) {
	html {
		font-size: 81.92px !important
	}
} */